body,dl,dd,h1,h2,h3,h4,h5,h6,p,span,div,img{margin:0;padding:0px;}
body{font:12px/1.5 tahoma,simsun,Microsoft YaHei,sans-serif;color:#1a5e77;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border: none;padding: 0;margin:0;}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0;}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input,select,option{outline:none}
.tl{text-align: left;}
.tc{text-align: center;}
.fl,.qsy_main_list ul li,.qsy_onlie_list ul li,.qsy_top_btn a{float:left;}
.fr{float:right;}
.clearfix:after {clear: both;content: "";display: block;font-size: 0;height: 0;visibility: hidden;}
.clearfix{*zoom:1; }
.qsy_main_list ul li a{display:block;}
input::-webkit-input-placeholder{color: #adb3c2;}
input:-moz-placeholder{color:#adb3c2;}
input::-moz-placeholder{color:#adb3c2;}
input:-ms-input-placeholder{color:#adb3c2;}

.qsy_marB10{ margin-bottom:1.125rem;}

.body_c{ background:#1d417a url(../img/content_bg.jpg) no-repeat center top; background-size: cover;}
.body_l{ background:#1c3f7b url(../img/login_bg.jpg) no-repeat center top; background-size: cover;}
.qsy_top_group{margin:1.5rem 0 2rem 1rem;}
.qsy_top_group h2,.qsy_top_group p{ font-size: .773rem; color: #fff; font-weight: bold;}
.qsy_top_btn{margin:1.7rem 1rem 2rem 0;}
.qsy_top_btn a{border:#7388b1 solid 1px; margin: 0 0 0 .6rem; padding:.35rem .6rem; line-height: .7rem; border-radius:1.25rem; color: #fff;font-size:.688rem;} 

.qsy_main_list ul li{ width: 50%;}
.qsy_main_list ul li img{ display: block;width:4.313rem; height:4.281rem; margin: 0 auto;}
.qsy_main_list ul li p{ text-align: center; color: #fff; font-size:.688rem; margin: .3rem 0 1rem;}

.qsy_login_img{ margin: 3.75rem auto; width: 6.75rem;}
.qsy_login_img img{ width: 100%; height: 100%;}

.qsy_login_in{margin: 0 1.5rem;}
.qsy_userbox,.qsy_lockbox,.qsy_online_caneram{ position: relative;}
.qsy_login_user{height: 2.4rem; border: 0 none; line-height:1.2rem; font-size:.8rem; padding: .6rem 0; color: #fff; box-sizing: border-box; padding: 0 1.4rem 0 3rem; border-radius: 1.2rem; background-color:rgba(0,0,0,.1); width: 100%;}
.qsy_userbox span,.qsy_lockbox span{ position: absolute; left: 1.25rem;top: .7rem;}
.qsy_userbox span.span1{ background: url(../img/login_user.png) no-repeat center center; z-index: 2; background-size:.875rem .938rem; width: .875rem; height: .938rem;}
.qsy_lockbox span.span1{background: url(../img/login_scork.png) no-repeat center center; z-index: 2; background-size:.813rem .938rem; width: .813rem; height: .938rem;}
.qsy_login_err{ height:1.8rem; margin: .4rem 0; color: #a11010; padding: 0 1rem; font-size: .7rem;}
.qsy_login_form{height: 2.4rem; display: block; line-height:2.4rem; font-size:1rem; color: #fff; text-align: center; box-sizing: border-box;  border-radius: 1.2rem; background-color:rgba(255,255,255,.1); width: 100%;}



.qsy_online_top{ position: relative; height: 2.75rem;}
.qsy_online_bakc{ position: absolute;left:.7rem; top: .6rem;background: url(../img/back.png) no-repeat center center;
background-size: 1.4rem 1.4rem; width: 1.4rem; height: 1.4rem; }
.qsy_online_text{ color: #fff; font-size: .9rem; text-align: center; line-height: 2.75rem; font-weight: bold;}

.qsy_online_canera{ margin:.8rem 1rem .1rem;}

.qsy_online_canera .scan1{background: url(../img/line01.png) no-repeat center center;background-size: .625rem .625rem;left: 0; top: 0;}
.qsy_online_canera .scan2{background: url(../img/line02.png) no-repeat center center;background-size: .625rem .625rem;right: 0; top: 0;}
.qsy_online_canera .scan3{background: url(../img/line03.png) no-repeat center center;background-size: .625rem .625rem;left: 0; bottom: 0;}
.qsy_online_canera .scan4{background: url(../img/line04.png) no-repeat center center;background-size: .625rem .625rem;right: 0; bottom: 0;}
.qsy_online_canera span{ position: absolute; width: .625rem; height: .625rem; }

.qsy_online_caneras{height:8rem;}
.qsy_online_caneras img{ width: 100%; height: 100%;}
.qsy_online_ctext{ text-align: center; color: #fff; font-size: .812rem; margin: .2rem 0 1.1rem;}

.qsy_onlie_list,.qsy_offlie_list{ padding: 0 1rem;}
.qsy_onlie_list ul li{width:50%; text-align: center; box-sizing: border-box;}
.qsy_onlie_list ul li p.cur{background-color:#b84274;-webkit-animation:'redPulse' 1s  infinite;}
/*.qsy_onlie_list ul li:last-child{width:100%; }*/
.qsy_onlie_list ul li p{ border:rgba(90,121,161,0.35) solid 1px;margin: 0 .156rem .313rem; box-sizing: border-box; padding-top:.8rem; height: 3.6rem;  font-size: .65rem; color: #fff;}
/*.qsy_onlie_list ul li:nth-child(2) p,.qsy_onlie_list ul li:nth-child(3) p,.qsy_onlie_list ul li:nth-child(4) p{padding-top:1.3rem;}*/

.qsy_offlie_list ul li{ height: 2rem;border-bottom:rgba(90,121,161,0.35) solid 1px;}
.qsy_offlie_list ul li span.span1{ color: #9caac5; font-size: .75rem; margin: .5rem 0 0;}
.qsy_offlie_list ul li p.span2{ width:7.625rem; display: table; height: 2rem;text-align: right;}
.qsy_offlie_list ul li p.span2 span{color: #d2dbed; font-size: .75rem; line-height:.9rem; display:table-cell;vertical-align:middle;}
.qsy_offlie_list ul li i{width:.938rem; height:.938rem;background: url(../img/lineoffture.png) no-repeat center center; background-size:.938rem .938rem; margin: .5rem 0 0;}

@-webkit-keyframes redPulse{
  from { background-color: #b84274; -webkit-box-shadow: 0 0 .5rem #333; }
  50% { background-color: #c42845; -webkit-box-shadow: 0 0 .8rem #c42845;}
  to { background-color: #b84274; -webkit-box-shadow: 0 0 .5rem #333; }
}

.fix {position: fixed;width: 100%;height: 100%;background: #000;opacity: .8; filter: alpha(opacity=80);left: 0;top: 0;display: none;z-index: 11;}
#pop{width:11.875rem; height: 16.875rem;background: url(../img/news_dar_03.jpg) no-repeat center center; background-size: cover; border-radius:.6rem; padding: 0rem 2.5rem;
    position:fixed; background-color:#fff;left: 50%;top: 50%;margin-left:-8.4375rem;margin-top: -10rem;display: none;z-index: 12;}
#pop h2.title{color: #cfd6e0; padding:1.8rem 0 2.8rem; text-align: center; font-size: .975rem; font-weight: bold;}
#pop .box a{ display: block; font-size: .813rem; color: #c3d8f5;height: 2.125rem; line-height: 2.125rem; text-align: center; margin-top:.9rem; border:rgba(192,203,219,0.1) 1px solid; border-radius: 1rem;}
#pop_clear{ position:absolute;right: -0.6rem;top: -0.6rem; width: 1.25rem; height: 1.25rem;background: url(../img/news_dar_01.png) no-repeat center center; background-size: cover;}
.bounceInDown {-webkit-animation:bounceInDown 1s linear both;}
.bounceOutUp {-webkit-animation:bounceOutUp 1s linear both;}
@-webkit-keyframes bounceInDown {
  0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
  60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px);}
  80% {opacity: 1;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes bounceOutUp {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px);}
  80% {opacity: 1;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  100% {opacity: 0; -webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}


























